<article id="contentWrapper">
    <div id="contentScroller">
        <div class="container-fluid">
            <!-- Example row of columns -->
            <div class="row-fluid">
                <div class="span4">
                    <h2><%= name %></h2>
                    <p><strong>Price</strong>: $<%= price %></p>
                    <p><strong>Start time</strong>:<%= start_time %></p>
                    <p><strong>End Time</strong>: <%= end_time %></p>
                    <p><a class="btn" href="#business/<%= business_id %>/service/<%= id %>">View detail</a></p>
                </div>
                <div class="span4">
                    <h2>Make your appointment :</h2>
                    <form action="#" name="appointment-service-form" id="appointment-service-form">
                        <label>Title:</label>
                        <input type="text" id="Appointment_title" name="title" value="" required="required"/>
                        <label>Content</label>
                        <textarea cols="60" rows="4" id="Appointment_content" name="content" required="required"></textarea>
                        <label>Priority:</label>
                        <select id="Appointment_priority" name="priority">
                            <option value="1">High</option>
                            <option value="2">Normal</option>
                            <option value="3">Low</option>
                        </select>
                        <label>User ID (Consumer ID):</label>
                        <input type="text" id="Appointment_consumer_id" name="consumer_id" value="" required="required"/>
                        <input type="hidden" name="services" id="services" value="<%= id %>" />
                        <br >
                        <input type="submit" name="Submit" class="submit" value="Submit" />
                    </form>
                </div>
                <div class="span4" id="service-list">
                    <span>Add more service ?</span>
                </div>
            </div>

            <hr>

            <footer>
                <p>&copy; Company 2012</p>
            </footer>

        </div> <!-- /container -->
    </div>
</article>